<script setup>
import {ref} from "vue"

import csdn_flutter1 from "../../../../../public/images/my/csdn_flutter1.png"
const title1Name = ref("安装flutter - windows")
const p1 = ref("解压到你所想的磁盘文件夹中,并在电脑的环境变量中添加此路径")
</script>

<template>
    <div class="flutterAllBox">
        <h2 class="title1H2">{{title1Name}}</h2>
        <a href="https://flutter.cn/docs/get-started/install/windows" class="href1">官方文档-windows</a>
        <p class="p1Box">{{ p1 }}</p>
        <img :src="csdn_flutter1" alt="" class="image1" />
    </div>
</template>

<style scoped>
.flutterAllBox{
    width: 100%;
    height: 100%;
}
.title1H2{
    position: relative;
    left: 0;
    top: 0;
}
.href1{
    position: relative;
    left: 4%;
    top: 0%;
    color: #f00;
    border-bottom: 2px solid #fff;
}
.href1:hover{
    border-bottom: 2px solid #f00;
}
.p1Box{
    position: relative;
    left: 4%;
    top: 0;
    width: 94%;
}
.image1{
    position: relative;
    left: 4%;
    top: 0;
    width: 45%;
    height: 45%;
}
</style>